<!DOCTYPE html>
<html lang="zh-CN">
<meta charset="utf-8" />
<head>
<title>添加监测信息 <?php echo $this->config->item('title');?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
	href="<?php echo base_url()?>public/css/bootstrap.min.css">
<link rel="stylesheet"
	href="<?php echo base_url()?>public/css/style.css">
<link rel="stylesheet"
	href="<?php echo base_url()?>public/css/select2/select2.css">
<link rel="stylesheet"
	href="<?php echo base_url()?>public/css/select2/select2-bootstrap.css">
</head>
<body>
	<script src="<?php echo base_url()?>public/js/jquery-2.0.2.min.js"></script>
	<script src="<?php echo base_url()?>public/js/bootstrap.min.js"></script>
	<script src="<?php echo base_url()?>public/js/bootstrap-confirm.js"></script>
	<script src='<?php echo base_url()?>public/js/bootbox.min.js'></script>
	<script src='<?php echo base_url()?>public/js/jquery.form.js'></script>
	<script src='<?php echo base_url()?>public/js/select2.min.js'></script>
	<script src='<?php echo base_url()?>public/js/select2_locale_zh-CN.js'></script>
	<script src='<?php echo base_url()?>public/js/ssi_common.js'></script>
	<script type="text/javascript">
	jQuery(function($) {
		$("#media_id").select2({
		    placeholder: "请输入媒体位置或媒体编号",
		    minimumInputLength: 4,
		    ajax: {
		        url: "<?php echo base_url()?>/index.php/media_media_manage/search_media",
		        dataType:'json', 
		        data: function (term, page) {
		            return {
		                q: term
		            };
		        },
		        results: function (data, page) {
		            return {results: data.media};
		        }
		    },
		    formatResult: formatAsText,
		    formatSelection: format,  
		    escapeMarkup: function (m) { return m; } 
		});
		function format(item) {
		    return item.id;
		}
		function formatAsText(media){
			var itemFmt ="<div style='display:inline;'>"+media.id+"</div><div style='float:right;color:#4F4F4F;display:inline'>"+media.location+"</div>"; 
		    return itemFmt;  
		}  

		$("#brand").select2({
		    placeholder: "搜索品牌",
		    minimumInputLength: 1,
		    ajax: {
		        url: "<?php echo base_url()?>index.php/sys_brand_manage/search_brand",
		        dataType:'json', 
		        data: function (term, page) {
		            return {
		                keyword: term
		            };
		        },
		        results: function (data, page) {
		            return {results: data.brand};
		        }
		    },
		    formatResult: formatBrandText,
		    formatSelection: formatBrand,  
		    escapeMarkup: function (m) { return m; } 
		});
		function formatBrand(brand) {
		    return brand.name;
		}
		function formatBrandText(brand){
			var itemFmt =brand.name; 
		     return itemFmt;  
		}  
		
		$("#parent1").select2();
		$('#main_from').ajaxForm({
			dataType:  'json',
			beforeSubmit:  showRequest,
			success:   processJson
		});
		function showRequest(formData, jqForm, options) {
		}
		function processJson(data) {
			if (data.result==false) {
				bootbox.alert(data.message, function() {
				});
				$('button[type="button"]').removeClass('disabled');
			}else{
				window.location.href=data.redirect_url;
			}
		}
	});
	</script>
	<div role="navigation" class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand">SSI后台管理系统</a>
			</div>
			<div class="collapse navbar-collapse navbar-right">
				<ul class="nav navbar-nav">
					<li><a href="<?php echo base_url()?>" class="navbar-link">首页</a></li>
					<li><a
						href="<?php echo base_url()."index.php/common_login_user_set"?>"
						class="navbar-link">超级管理员</a></li>
					<li><a
						href="<?php echo base_url()?>index.php/common_login_manage/logout"
						class="navbar-link">退出</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-3">
				<?php echo $user_menu?>
			</div>
			<div class="col-md-9">
				<div class="panel panel-default">
					<div class="panel-heading">添加监测信息</div>
					<div class="panel-body">
						<form method="post" enctype="multipart/form-data" id="main_from"
							action="<?php echo base_url()."index.php"?>/media_monitor_manage/save_monitor"
							class="form-horizontal">
							<div class="form-group">
								<label for="env_name" class="control-label col-sm-3">监测媒体</label>
								<div class="col-sm-5">
									<input id="media_id" name="media_id" class="form-control"
										style="width: 100%" />
								</div>
								<span class='help-block'>必填</span>
							</div>
							<div class="form-group">
								<label for="brand" class="control-label col-sm-3">品牌</label>
								<div class="col-sm-5">
									<input id="brand" value="" name="brand" class="form-control"
										style="width: 100%" />
								</div>
							</div>
							<div class="form-group">
								<label for="product_name" class="control-label col-sm-3">产品名称</label>
								<div class="col-sm-5">
									<input id="product_name" type="text" name="product_name"
										required class="form-control">
								</div>
								<span class='help-block'>必填</span>
							</div>
							<div id="Parents" class="form-group">
								<label for="parent1" class="control-label col-sm-3">选择行业/品类</label>
								<div id="parents" class="col-sm-5">
									<select id="parent1" name="industry" class="form-control"
										onchange="onParent1Changed()" style="width: 100%">
										<option value="">请选择</option>
										<?php
										
if ($industry_list != null) {
											foreach ( $industry_list as $industry ) {
												?>
													<option value="<?php echo $industry['industry_id']?>"><?php echo $industry['industry_name']?></option>
												<?php
											}
										}
										?>
									</select>
								</div>
								<span class='help-block'>必选</span>
							</div>
							<div class="form-group">
								<label for="sketch_map" class="control-label col-sm-3">监测图</label>
								<div class="col-sm-5">
									<input type="file" name="monitor_pic" class="form-control">
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-3 col-sm-10">
									<button type="button"
										onclick='from_check_login($("#main_from"),"<?php echo base_url()?>")'
										class="btn btn-primary">添加</button>
									<a href="javascript:void()" onclick='history.back()'>返回</a>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
	$(function($) {
	 $("form").submit(function(e){
	  checkRegion();
	  var errors = $('.form-group.has-error');
	  if (errors.length > 0) {
	   e.preventDefault();
	   return;
	  }
	  $('button[type="button"]').addClass('disabled');
	 });
	});	
</script>
	<script>
	function onParent1Changed(){
	var parent1 = $("#parent1");
	var index = $("#parent1").get(0).selectedIndex;
	$("#parent2").select2("destroy");
	$("#parent2").remove();
	if (index == 0) {
		return;
	}
	var parentid = parent1.val();
	$.getJSON("<?php echo base_url()."index.php/sys_industry_manage/get_industrys"?>", { industry_id: parentid }, 
		function(json){
		$("#parents").append("<select style='width:100%;' id='parent2' name='industry_category' class='form-control'  ></select>");
		var parent2 = $("#parent2");
		for(var i = 0, len = json.length; i<len; ++i){
			var category = json[i];
			parent2.append("<option value=" + category.industry_id + ">" + category.industry_name + "</option>");
		}
		parent2.select2();
		});
	}
</script>
	<div class="back-to" id="toolBackTop">
		<a title="返回顶部" onclick="window.scrollTo(0,0);return false;"
			href="#top" class="back-top"> 返回顶部</a> <a title="返回底部"
			onclick="window.scrollTo(0,document.body.scrollHeight);return false;"
			href="#bottom" class="back-bottom"> 返回底部</a>
	</div>
</body>
</html>
